<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>wangEditor demo</title>
</head>
<body>
	<form action="show.jsp" method="post">
		
	
    <div id="hello">
    
    </div>
    <textarea name="content"  id="text1" style="display:none"></textarea>
	<button>提交</button>
</form>
    <!-- 注意， 只需要引用 JS，无需引用任何 CSS ！！！-->
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript" src="//unpkg.com/wangeditor/release/wangEditor.min.js"></script>
    <script type="text/javascript">
        var E = window.wangEditor
        var editor = new E('#hello')
        // 或者 var editor = new E( document.getElementById('editor') )
       
        var $text1 = $('#text1')
        editor.customConfig.onchange = function (html) {
            // 监控变化，同步更新到 textarea
            $text1.val(html)
        }
        //默认情况以上传文件的名称作为参数名
        editor.customConfig.uploadImgServer = 'upload' //配置文件上传的服务器地址
        //自定义上传文件的参数名称
        editor.customConfig.uploadFileName = 'myfile'
        editor.create()
    </script>
</body>
</html>